/* 覆盖 公共组件(src/components) 里面的样式 */
@import '../../../sass/variables.scss';
@import '../../sprites/sprite_page_icons.scss';
@import '../../sprites/sprite_pm.scss';
body{
    background: $gray_lighter;
    font-size: 14px;
    color: $text_color;
}
a{
    color: $primary;
}
.m-btn.loading{
    border-color: $gray_light;
    background: $gray_light;
    color: $gray_dark;
    cursor: default;
}
.m-btn.loading::before{
    content: "";
    opacity: .5;
    width: 20px;
    height: 20px;
    margin-right: .5em;
    display: inline-block;
    vertical-align: middle;
    background: url(../../images/loading.gif) no-repeat;
    background-size: 100% 100%;
}
.header{
    .logo{
        @include sprite($logo);
        position: relative;
        top: 10px;
    }
    .look{
        &:before{
            content: "";
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            @include sprite($look);
        }
    }
}
.container{
    @include clfix;
    margin: 15px auto 0;
    width: 1250px;
}
.userInfo{
    .userBar{
        margin-top: 10px;
        background: $gray_bright;
        border-radius: 45px;
        .photo{
            @include sprite($photo);
        }
    }
    .userInfoBar{
        .capital:before{
            content: "";
            display: inline-block;
            @include sprite($capital);
            vertical-align: text-bottom;
            margin-right: 3px;
        }
        #capital:empty{
            display: inline-block;
            width: 15px;
            height: 15px;
            background: url(../../images/loading.gif) no-repeat;
            background-size: 100%;
        }
    }
}
.banner{
    .slideBox .prev,
    .slideBox .next{
        background:url(../../images/slider-arrow.png) -110px 5px no-repeat;
    }
    .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
}
.nav{
    .arrow_down:after{
        content:"";
        position: absolute;
        right: 15px;
        top: 14px;
        display: inline-block;
        @include sprite($nav-arrow-down);
    }
    .arrow_up:after{
        position: absolute;
        right: 15px;
        top: 14px;
        display: inline-block;
        @include sprite($nav-arrow-up);
    }
    .nav_account:before {
        content:""; margin-right:10px;
        display: inline-block; @include sprite($nav-account);
    }
    .nav_activity:before {
        content:""; margin-right:10px; 
        vertical-align: -2px;
        vertical-align: baseline\0;
        display: inline-block; @include sprite($nav-activity);
    }
    .nav_deposit:before {
        content:""; margin-right:10px; 
        vertical-align: -2px;
        vertical-align: baseline\0;
        display: inline-block; @include sprite($nav-deposit);
    }
    .nav_down:before {
        content:""; margin-right:10px; 
        vertical-align: -3px;
        vertical-align: baseline\0;
        display: inline-block; @include sprite($nav-down);
    }
    .nav_home:before {
        content:""; margin-right:10px; 
        vertical-align: -4px;
        vertical-align: baseline\0;
        display: inline-block; @include sprite($nav-home);
    }
    .nav_list:before {
        content:""; margin-right:10px; 
        vertical-align: -3px;
        vertical-align: baseline\0;
        display: inline-block; @include sprite($nav-list);
    }
    .nav_pingcang:before {
        content:""; margin-right:10px; 
        vertical-align: baseline;
        vertical-align: baseline\0;
        display: inline-block; @include sprite($nav-pingcang);
    }
    .nav_share:before {
        content:""; margin-right:10px; 
        vertical-align: baseline;
        vertical-align: baseline\0;
        display: inline-block; @include sprite($nav-share);
    }
    
}
.laypageskin_default .laypage_curr{
    background-color: $primary;
    color: $white;
}
.pageContainer{
    float: right;
    width: 982px;
    min-height: 500px;
    background: url(../../../images/loading.gif) no-repeat center 230px;
}

.footerFloat{
    .gwplus{
        .downEg span{
            display: inline-block;
            @include sprite($gts-eg);
        }
        .qrcode span{
            display: inline-block;
            @include sprite($gts-qrcode);
        }
    }
    .mt4{
        .downEg span{
            display: inline-block;
            @include sprite($mt4-eg);
        }
        .ios span{
            display: inline-block;
            @include sprite($mt4-ios);
        }
        .android span{
            display: inline-block;
            @include sprite($mt4-android);
        }
    }
}
.tips{
    margin-top: 10px;
    position: relative;
    padding-left:25px;
    line-height: 1.5;
    font-size: 14px;
    color: $text_muted;
    .icon{
        position: absolute;
        left: 0;
        top: 3px;
        vertical-align: middle;
        display: inline-block;
        @include sprite($tip);
    }
}
.textInput.dateInput{
    width: 120px;
    background-color: $white;
    @include sprite-image($date);
    background-position: 97px $date-offset-y;
}